﻿/*顶部菜单*/

.header-menu {
    width: calc(100% - 2.7rem);
    height: 100%;
    padding: 0 0.1rem;
}

    .header-menu .box {
        height: 100%;
        position: relative;
    }

    .header-menu .exit-box {
        width: 0.4rem;
    }

    .header-menu .user-box {
        width: 1.2rem;
    }

    .header-menu .menu-box {
        overflow: hidden;
    }

    .header-menu .exit-box a {
        width: 100%;
        height: 100%;
        display: block;
        font-size: 0.17rem;
        color: #FFFFFF;
        line-height: 0.7rem;
        text-align: center;
        cursor: pointer;
        transition: all .3s;
    }

    .header-menu .user-box .box-title {
        width: 100%;
        height: 100%;
        line-height: 0.7rem;
        text-align: center;
        font-size: 0.15rem;
        color: #FFFFFF;
        position: relative;
        cursor: pointer;
        padding: 0 0.1rem;
        transition: all .3s;
    }

        .header-menu .user-box .box-title .userinfo {
            width: 100%;
            overflow: hidden;
        }

            .header-menu .user-box .box-title .userinfo .userimg-box {
                width: 20%;
            }

            .header-menu .user-box .box-title .userinfo .username-box {
                width: 80%;
            }


        /*.header-menu .user-box .box-title span{
	display: inline-block;
	width: 60%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/

        .header-menu .user-box .box-title .username {
            display: inline-block;
            width: 100%;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            padding: 0 0.05rem;
        }

        .header-menu .user-box .box-title:hover,
        .header-menu .exit-box a:hover {
            background-color: #1c66de;
        }

    .header-menu .user-box .box-content {
        display: none;
        width: 100%;
        /*height: 280px;*/
        background-color: #FFFFFF;
        box-shadow: 0 0.05rem 0.15rem #dadada;
        z-index: 9;
        border-radius: 0 0 0.04rem 0.04rem;
        position: relative;
        /* top: 5px; */
        /*left: -30%;*/
    }

        .header-menu .user-box .box-content .personalmenu li:last-child {
            border-top: 1px solid #e6e6e6;
        }

        .header-menu .user-box .box-content .personalmenu li a {
            display: block;
            width: 100%;
            /*text-align: center;*/
            padding: 0rem 0rem 0rem 0.1rem;
            color: #000000;
            font-size: 0.13rem;
            line-height: 0.35rem;
            position: relative;
        }

            .header-menu .user-box .box-content .personalmenu li a img {
                margin-top: 5px;
                margin-bottom: -5px;
            }

            .header-menu .user-box .box-content .personalmenu li a:hover {
                background-color: #f1f3ff;
                color: #2c6cc9;
            }

            .header-menu .user-box .box-content .personalmenu li a span {
                display: inline-block;
                padding: 0 0.04rem;
            }

    .header-menu .cut-line {
        width: 1px;
        background-color: #FFFFFF;
        height: 60%;
        margin: 0.14rem 0;
    }

    .header-menu .menu-box ul li {
        float: left;
    }

        .header-menu .menu-box ul li a {
            display: block;
            width: 1.2rem;
            font-size: 0.15rem;
            line-height: 0.7rem;
            text-align: center;
            color: #FFFFFF;
            transition: all .3s;
        }

            .header-menu .menu-box ul li a:hover {
                background-color: #1750a5;
            }

    .header-menu .menu-box ul .active a {
        background-color: #1750a5;
    }

.header .header-content .fl img {
    position: relative;
    top: -12px;
    left: -50px;
}

.header-menu .user-box .box-content {
    display: none;
    width: 100%;
    /* height: 280px; */
    background-color: #FFFFFF;
    box-shadow: 0 0.05rem 0.15rem #dadada;
    z-index: 9;
    border-radius: 0 0 0.04rem 0.04rem;
    position: relative;
    /* top: 5px; */
    /* left: -30%; */
}


/*检索详情*/

.header {
    width: 100%;
    height: 0.7rem;
    background-color: #2b6ec9;
}

    .header .header-content {
        width: 12rem;
        height: 100%;
        margin: 0 auto;
        padding: 0 0.1rem;
    }

        .header .header-content p {
            margin: 0;
            line-height: 0.7rem;
            font-size: 0.15rem;
            color: #FFFFFF;
        }

            .header .header-content p img {
                width: 2.7rem;
            }

.fl {
    float: left;
}

.fr {
    float: right;
}
